<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        .box{line-height: 100px;font-size: 60px;text-align: center;height:
        100px;margin: 50px auto;}
        #btn{font-size: 30px;display: block;margin: 0 auto;width: 200px;}
    </style>
</head>
<body>
    <div class="box">点击按钮开始抽奖</div>
    <input type="button" id="btn" value="开始">
</body>
<script>
    var obtn = document.getElementById("btn");
    var obox = document.querySelector(".box");

    // 计时器的容器
    var t;

    // 名字库
    var arr = "谢金润,于卓鼎,严伟杰,乔磊,江旭晗,张萍萍,刘建龙,马海啸,邵谦,靳亚亚,余思思,钱智豪,虞俊,康奕伟,付伟,付伟,付伟,李辉,王虎,张健威,柯宇,朱涛,王雨林,王少朋,王艳飞,施婷,王克智,晁伟斌,孟佳兴,龚声辉,古明卓,孙浩林,张腾翥,刘海威,龚磊,吴岷泽,李博,丁子欣,徐飞扬,陈宪岭,包家辉,张立群,谢金廷".split(",");

    // 状态：0为开始，1为停止
    var flag = 0;

    obtn.onclick = function(){
        // 判断状态
        if(flag === 0){
            // 开启之前先清除计时器
            clearInterval(t);
            // 开启计时器
            t = setInterval(function(){
                // 随机取索引，根据索引随机取姓名
                obox.innerHTML = arr[random(0, arr.length-1)];
            }, 30);
            // 修改成下次的状态
            flag = 1;
            // 修改成下次的按钮文字
            obtn.value = "就是你!";
        }else{
            clearInterval(t);
            flag = 0;
            obtn.value = "再来一个"
        }
    }

    function random(max,min){
        return Math.round(Math.random()*(max-min)+min)
    }
</script>
</html>